<template>
  <div class="sch_box flexbox flexcenter">
        <el-popover
            placement="bottom"
            width="528"
            trigger="click"
            popper-class="tagpopper">
            <div class="">
               <el-input v-model="tagQuery" clearable placeholder="请输入关键字查询" prefix-icon="el-icon-search" class="dropdown_input" @input="searchData"></el-input>
            </div>
            <div class="flexbox group_box">
                <template v-if="!tagQuery">
                    <div class="grouping group_common">
                        <div class="group_title">分组</div>
                        <div class="group_body" v-if="tag_list.length > 0">
                            <div v-for="item in tag_list" :class="{'active':active == item.id}" class="group_item flexbox flexcenter flexbetween" @click="selectGroup(item)">
                                {{ item.name }} 
                                <svg xmlns="http://www.w3.org/2000/svg" width="8" height="20" viewBox="0 0 8 20" fill="none"><path d="M3.64634 10.3533C3.84168 10.158 3.84168 9.84136 3.64634 9.64608L1.99613 7.99646C1.80086 7.80126 1.80078 7.48472 1.99594 7.28942L2.46736 6.81767C2.6626 6.62229 2.97928 6.62223 3.17459 6.81755L6.00319 9.64615C6.19845 9.84141 6.19845 10.158 6.00319 10.3533L3.17459 13.1819C2.97928 13.3772 2.6626 13.3771 2.46736 13.1817L1.99594 12.71C1.80078 12.5147 1.80086 12.1981 1.99613 12.0029L3.64634 10.3533Z" fill="#5C636C"/></svg>
                            </div>
                        </div>
                        <div v-else class="flexbox flexcenter" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);flex-direction: column;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="67" height="70" viewBox="0 0 67 70" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4316C20.0559 22.4316 19.084 23.4029 19.084 24.6016V28.2188H19.114C19.0942 28.337 19.084 28.4578 19.084 28.5811V57.5202C19.084 58.7189 20.0559 59.6908 21.2546 59.6908H50.2531C51.2742 59.6908 52.1572 58.979 52.3745 57.9815L58.6652 29.0418C58.9597 27.6891 57.9291 26.4105 56.5444 26.4105H40.427C39.4282 26.4105 38.618 25.6009 38.618 24.6016C38.618 23.4029 37.6461 22.4316 36.4474 22.4316H21.2546Z" fill="#4E9BEC"/>
                                <path d="M50.1935 28.4893H15.4666C14.1957 28.4893 13.165 29.5199 13.165 30.7908V57.5216C13.165 58.7925 14.1957 59.8226 15.4666 59.8226H50.1935C51.4644 59.8226 52.4951 58.7925 52.4951 57.5216V30.7908C52.4951 29.5199 51.4644 28.4893 50.1935 28.4893Z" fill="#DBEDFF" stroke="url(#paint0_linear_19708_16792)" stroke-width="0.261723"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4326C20.0559 22.4326 19.084 23.4045 19.084 24.6032V28.2204H19.114C19.0942 28.3386 19.084 28.4594 19.084 28.5827V57.5218C19.084 58.7205 20.0559 59.6924 21.2546 59.6924H50.2531C51.2742 59.6924 52.1572 58.9806 52.3745 57.9825L58.6652 29.0434C58.9597 27.6907 57.9291 26.4121 56.5444 26.4121H40.427C39.4282 26.4121 38.618 25.6026 38.618 24.6032C38.618 23.4045 37.6461 22.4326 36.4474 22.4326H21.2546Z" fill="#7BBBFF"/>
                                <path d="M9.25805 33.0527H44.1781C45.0991 33.0527 45.9059 33.6755 46.1467 34.5719L52.2058 57.1766C52.5565 58.4833 51.5798 59.7687 50.2378 59.7687H15.3172C14.3961 59.7687 13.5894 59.146 13.3486 58.2495L7.28945 35.6449C6.93942 34.3382 7.91542 33.0527 9.25805 33.0527Z" fill="#EAF4FF" stroke="url(#paint1_linear_19708_16792)" stroke-width="0.261723"/>
                                <path d="M23.0641 24.6016C23.0641 25.2009 22.5779 25.6872 21.9785 25.6872C21.3792 25.6872 20.8936 25.2009 20.8936 24.6016C20.8936 24.0029 21.3792 23.5166 21.9785 23.5166C22.5779 23.5166 23.0641 24.0029 23.0641 24.6016Z" fill="#EC5353"/>
                                <path d="M26.6813 24.6016C26.6813 25.2009 26.1957 25.6872 25.5964 25.6872C24.997 25.6872 24.5107 25.2009 24.5107 24.6016C24.5107 24.0029 24.997 23.5166 25.5964 23.5166C26.1957 23.5166 26.6813 24.0029 26.6813 24.6016Z" fill="#F2DD1D"/>
                                <path d="M30.2979 24.6016C30.2979 25.2009 29.8123 25.6872 29.2129 25.6872C28.6135 25.6872 28.1279 25.2009 28.1279 24.6016C28.1279 24.0029 28.6135 23.5166 29.2129 23.5166C29.8123 23.5166 30.2979 24.0029 30.2979 24.6016Z" fill="#38DF5D"/>
                                <path d="M22.842 42.0844C22.7686 41.6435 23.1091 41.2422 23.5558 41.2422H27.1532C27.5072 41.2422 27.8088 41.4978 27.8669 41.8467L28.3493 44.7406C28.4228 45.1815 28.0829 45.5827 27.6356 45.5827H24.0382C23.6842 45.5827 23.3826 45.3271 23.3245 44.9783L22.842 42.0844Z" fill="white"/>
                                <path d="M23.927 47.8721C23.8535 47.4306 24.1935 47.0293 24.6407 47.0293H28.2382C28.5915 47.0293 28.8938 47.2849 28.9513 47.6338L29.4337 50.5277C29.5072 50.9686 29.1672 51.3705 28.7199 51.3705H25.1225C24.7692 51.3705 24.4669 51.1149 24.4094 50.766L23.927 47.8721Z" fill="white"/>
                                <path d="M30.0774 42.0844C30.0039 41.6435 30.3439 41.2422 30.7911 41.2422H34.3886C34.7419 41.2422 35.0441 41.4978 35.1023 41.8467L35.5847 44.7406C35.6576 45.1815 35.3176 45.5827 34.871 45.5827H31.2736C30.9196 45.5827 30.618 45.3271 30.5598 44.9783L30.0774 42.0844Z" fill="#2D8CF0"/>
                                <path d="M31.1614 47.8721C31.0879 47.4306 31.4278 47.0293 31.8751 47.0293H35.4725C35.8265 47.0293 36.1281 47.2849 36.1863 47.6338L36.6687 50.5277C36.7422 50.9686 36.4022 51.3705 35.955 51.3705H32.3575C32.0036 51.3705 31.702 51.1149 31.6438 50.766L31.1614 47.8721Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M58.0816 11.6738C58.0816 11.6738 58.5384 12.6783 58.7953 13.5562C59.1518 14.7741 58.8668 16.1588 58.8042 16.1722C58.4624 16.247 57.302 14.6144 57.3205 13.6566C57.3365 12.7952 58.0816 11.6738 58.0816 11.6738Z" fill="#FFB883"/>
                                <g filter="url(#filter0_d_19708_16792)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8525 14.9293C41.8525 14.9293 48.6327 13.3217 50.9943 7.94727C51.9886 8.16771 53.7381 9.04055 57.9911 11.583C58.5853 11.9377 57.3278 13.6469 57.3278 13.6469C57.3278 13.6469 59.308 15.3772 58.8211 16.0686C56.0096 20.0654 53.7617 21.5171 51.1745 21.6117C47.1618 20.629 41.8525 14.9293 41.8525 14.9293Z" fill="#FFE089"/>
                                </g>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9371 25.9082C29.2323 28.5369 28.1377 31.9625 26.3115 34.7241C28.7026 35.2065 32.9006 35.6136 36.1996 35.6308C36.3562 35.6315 36.7894 35.4385 36.9364 35.4206C37.8271 35.3094 38.1172 34.5503 38.383 34.2672C39.2839 32.4679 40.282 31.0628 40.3485 28.9056C40.383 27.7996 40.3146 26.8871 40.2105 26.5184C38.8309 25.8488 36.2712 26.6622 27.9371 25.9082Z" fill="#A8E5FF"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M36.9378 33.5372C37.5442 34.072 37.0893 35.6088 35.9551 35.6413C37.1595 35.5947 37.7857 35.1231 38.2298 34.6592C38.6745 34.196 40.7627 32.0427 40.2042 26.5283C40.4841 31.2005 39.4554 33.5417 36.9378 33.5372Z" fill="#7CC3E1"/>
                                <defs>
                                    <filter id="filter0_d_19708_16792" x="41.8525" y="7.94727" width="17.0459" height="25.9633" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                    <feOffset dy="12.2992"/>
                                    <feColorMatrix type="matrix" values="0 0 0 0 0.173316 0 0 0 0 0.377447 0 0 0 0 0.620833 0 0 0 0.272192 0"/>
                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19708_16792"/>
                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19708_16792" result="shape"/>
                                    </filter>
                                    <linearGradient id="paint0_linear_19708_16792" x1="32.7145" y1="30.4918" x2="48.1562" y2="63.2072" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_19708_16792" x1="22.6331" y1="32.9764" x2="19.7081" y2="58.6901" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                </defs>
                            </svg>
                            <p style="font-size: 12px;color: #ACB2BB;margin-top: 5px;">暂无分组</p>
                        </div>
                    </div>
                    <div class="grouping_tag group_common">
                        <div class="group_title flexbox flexcenter flexbetween">
                            <span>标签</span> 
                            <el-checkbox :indeterminate="isIndeterminate(nextTag)" v-model="checkAll" @change="handleCheckAllChange" :disabled="nextTag.length == 0"></el-checkbox></div>
                        <div class="group_body" v-if="nextTag.length > 0">
                        <div v-for="item in nextTag" class="group_item flexbox flexcenter flexbetween" @click="selectTag(item)">
                            {{ item.name }}
                            <svg v-if="active_tag.map(e=>e.id).includes(item.id)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6.40805 9.85655C6.55078 9.99928 6.7822 9.99928 6.92493 9.85653L12.3232 4.4577C12.5835 4.19735 13.0056 4.19726 13.266 4.45751C13.5266 4.71788 13.5266 5.14019 13.2662 5.40065L7.0453 11.6215C6.83609 11.8307 6.4969 11.8307 6.28769 11.6215L2.89516 8.229C2.63485 7.96869 2.63485 7.54664 2.89516 7.28633C3.15547 7.02602 3.57752 7.02602 3.83783 7.28633L6.40805 9.85655Z" fill="#165DFF"/></svg>
                        </div>
                        </div>
                        <div v-else class="flexbox flexcenter" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);flex-direction: column;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="67" height="70" viewBox="0 0 67 70" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4316C20.0559 22.4316 19.084 23.4029 19.084 24.6016V28.2188H19.114C19.0942 28.337 19.084 28.4578 19.084 28.5811V57.5202C19.084 58.7189 20.0559 59.6908 21.2546 59.6908H50.2531C51.2742 59.6908 52.1572 58.979 52.3745 57.9815L58.6652 29.0418C58.9597 27.6891 57.9291 26.4105 56.5444 26.4105H40.427C39.4282 26.4105 38.618 25.6009 38.618 24.6016C38.618 23.4029 37.6461 22.4316 36.4474 22.4316H21.2546Z" fill="#4E9BEC"/>
                                <path d="M50.1935 28.4893H15.4666C14.1957 28.4893 13.165 29.5199 13.165 30.7908V57.5216C13.165 58.7925 14.1957 59.8226 15.4666 59.8226H50.1935C51.4644 59.8226 52.4951 58.7925 52.4951 57.5216V30.7908C52.4951 29.5199 51.4644 28.4893 50.1935 28.4893Z" fill="#DBEDFF" stroke="url(#paint0_linear_19708_16792)" stroke-width="0.261723"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4326C20.0559 22.4326 19.084 23.4045 19.084 24.6032V28.2204H19.114C19.0942 28.3386 19.084 28.4594 19.084 28.5827V57.5218C19.084 58.7205 20.0559 59.6924 21.2546 59.6924H50.2531C51.2742 59.6924 52.1572 58.9806 52.3745 57.9825L58.6652 29.0434C58.9597 27.6907 57.9291 26.4121 56.5444 26.4121H40.427C39.4282 26.4121 38.618 25.6026 38.618 24.6032C38.618 23.4045 37.6461 22.4326 36.4474 22.4326H21.2546Z" fill="#7BBBFF"/>
                                <path d="M9.25805 33.0527H44.1781C45.0991 33.0527 45.9059 33.6755 46.1467 34.5719L52.2058 57.1766C52.5565 58.4833 51.5798 59.7687 50.2378 59.7687H15.3172C14.3961 59.7687 13.5894 59.146 13.3486 58.2495L7.28945 35.6449C6.93942 34.3382 7.91542 33.0527 9.25805 33.0527Z" fill="#EAF4FF" stroke="url(#paint1_linear_19708_16792)" stroke-width="0.261723"/>
                                <path d="M23.0641 24.6016C23.0641 25.2009 22.5779 25.6872 21.9785 25.6872C21.3792 25.6872 20.8936 25.2009 20.8936 24.6016C20.8936 24.0029 21.3792 23.5166 21.9785 23.5166C22.5779 23.5166 23.0641 24.0029 23.0641 24.6016Z" fill="#EC5353"/>
                                <path d="M26.6813 24.6016C26.6813 25.2009 26.1957 25.6872 25.5964 25.6872C24.997 25.6872 24.5107 25.2009 24.5107 24.6016C24.5107 24.0029 24.997 23.5166 25.5964 23.5166C26.1957 23.5166 26.6813 24.0029 26.6813 24.6016Z" fill="#F2DD1D"/>
                                <path d="M30.2979 24.6016C30.2979 25.2009 29.8123 25.6872 29.2129 25.6872C28.6135 25.6872 28.1279 25.2009 28.1279 24.6016C28.1279 24.0029 28.6135 23.5166 29.2129 23.5166C29.8123 23.5166 30.2979 24.0029 30.2979 24.6016Z" fill="#38DF5D"/>
                                <path d="M22.842 42.0844C22.7686 41.6435 23.1091 41.2422 23.5558 41.2422H27.1532C27.5072 41.2422 27.8088 41.4978 27.8669 41.8467L28.3493 44.7406C28.4228 45.1815 28.0829 45.5827 27.6356 45.5827H24.0382C23.6842 45.5827 23.3826 45.3271 23.3245 44.9783L22.842 42.0844Z" fill="white"/>
                                <path d="M23.927 47.8721C23.8535 47.4306 24.1935 47.0293 24.6407 47.0293H28.2382C28.5915 47.0293 28.8938 47.2849 28.9513 47.6338L29.4337 50.5277C29.5072 50.9686 29.1672 51.3705 28.7199 51.3705H25.1225C24.7692 51.3705 24.4669 51.1149 24.4094 50.766L23.927 47.8721Z" fill="white"/>
                                <path d="M30.0774 42.0844C30.0039 41.6435 30.3439 41.2422 30.7911 41.2422H34.3886C34.7419 41.2422 35.0441 41.4978 35.1023 41.8467L35.5847 44.7406C35.6576 45.1815 35.3176 45.5827 34.871 45.5827H31.2736C30.9196 45.5827 30.618 45.3271 30.5598 44.9783L30.0774 42.0844Z" fill="#2D8CF0"/>
                                <path d="M31.1614 47.8721C31.0879 47.4306 31.4278 47.0293 31.8751 47.0293H35.4725C35.8265 47.0293 36.1281 47.2849 36.1863 47.6338L36.6687 50.5277C36.7422 50.9686 36.4022 51.3705 35.955 51.3705H32.3575C32.0036 51.3705 31.702 51.1149 31.6438 50.766L31.1614 47.8721Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M58.0816 11.6738C58.0816 11.6738 58.5384 12.6783 58.7953 13.5562C59.1518 14.7741 58.8668 16.1588 58.8042 16.1722C58.4624 16.247 57.302 14.6144 57.3205 13.6566C57.3365 12.7952 58.0816 11.6738 58.0816 11.6738Z" fill="#FFB883"/>
                                <g filter="url(#filter0_d_19708_16792)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8525 14.9293C41.8525 14.9293 48.6327 13.3217 50.9943 7.94727C51.9886 8.16771 53.7381 9.04055 57.9911 11.583C58.5853 11.9377 57.3278 13.6469 57.3278 13.6469C57.3278 13.6469 59.308 15.3772 58.8211 16.0686C56.0096 20.0654 53.7617 21.5171 51.1745 21.6117C47.1618 20.629 41.8525 14.9293 41.8525 14.9293Z" fill="#FFE089"/>
                                </g>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9371 25.9082C29.2323 28.5369 28.1377 31.9625 26.3115 34.7241C28.7026 35.2065 32.9006 35.6136 36.1996 35.6308C36.3562 35.6315 36.7894 35.4385 36.9364 35.4206C37.8271 35.3094 38.1172 34.5503 38.383 34.2672C39.2839 32.4679 40.282 31.0628 40.3485 28.9056C40.383 27.7996 40.3146 26.8871 40.2105 26.5184C38.8309 25.8488 36.2712 26.6622 27.9371 25.9082Z" fill="#A8E5FF"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M36.9378 33.5372C37.5442 34.072 37.0893 35.6088 35.9551 35.6413C37.1595 35.5947 37.7857 35.1231 38.2298 34.6592C38.6745 34.196 40.7627 32.0427 40.2042 26.5283C40.4841 31.2005 39.4554 33.5417 36.9378 33.5372Z" fill="#7CC3E1"/>
                                <defs>
                                    <filter id="filter0_d_19708_16792" x="41.8525" y="7.94727" width="17.0459" height="25.9633" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                    <feOffset dy="12.2992"/>
                                    <feColorMatrix type="matrix" values="0 0 0 0 0.173316 0 0 0 0 0.377447 0 0 0 0 0.620833 0 0 0 0.272192 0"/>
                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19708_16792"/>
                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19708_16792" result="shape"/>
                                    </filter>
                                    <linearGradient id="paint0_linear_19708_16792" x1="32.7145" y1="30.4918" x2="48.1562" y2="63.2072" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_19708_16792" x1="22.6331" y1="32.9764" x2="19.7081" y2="58.6901" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                </defs>
                            </svg>
                            <p style="font-size: 12px;color: #ACB2BB;margin-top: 5px;">请选择分组查看</p>
                        </div>
                    </div>
                </template>
                <template v-else>
                    <div class="seach_box">
                        <div  v-if="filteredData.length > 0">
                            <div v-for="item in filteredData" class="highlight_item" @click="selectTag(item)" >
                                <span v-html="highlight(item.fullPath)"></span>
                            </div>
                        </div>
                         <div v-else class="flexbox flexcenter" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);flex-direction: column;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="67" height="70" viewBox="0 0 67 70" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4316C20.0559 22.4316 19.084 23.4029 19.084 24.6016V28.2188H19.114C19.0942 28.337 19.084 28.4578 19.084 28.5811V57.5202C19.084 58.7189 20.0559 59.6908 21.2546 59.6908H50.2531C51.2742 59.6908 52.1572 58.979 52.3745 57.9815L58.6652 29.0418C58.9597 27.6891 57.9291 26.4105 56.5444 26.4105H40.427C39.4282 26.4105 38.618 25.6009 38.618 24.6016C38.618 23.4029 37.6461 22.4316 36.4474 22.4316H21.2546Z" fill="#4E9BEC"/>
                                <path d="M50.1935 28.4893H15.4666C14.1957 28.4893 13.165 29.5199 13.165 30.7908V57.5216C13.165 58.7925 14.1957 59.8226 15.4666 59.8226H50.1935C51.4644 59.8226 52.4951 58.7925 52.4951 57.5216V30.7908C52.4951 29.5199 51.4644 28.4893 50.1935 28.4893Z" fill="#DBEDFF" stroke="url(#paint0_linear_19708_16792)" stroke-width="0.261723"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4326C20.0559 22.4326 19.084 23.4045 19.084 24.6032V28.2204H19.114C19.0942 28.3386 19.084 28.4594 19.084 28.5827V57.5218C19.084 58.7205 20.0559 59.6924 21.2546 59.6924H50.2531C51.2742 59.6924 52.1572 58.9806 52.3745 57.9825L58.6652 29.0434C58.9597 27.6907 57.9291 26.4121 56.5444 26.4121H40.427C39.4282 26.4121 38.618 25.6026 38.618 24.6032C38.618 23.4045 37.6461 22.4326 36.4474 22.4326H21.2546Z" fill="#7BBBFF"/>
                                <path d="M9.25805 33.0527H44.1781C45.0991 33.0527 45.9059 33.6755 46.1467 34.5719L52.2058 57.1766C52.5565 58.4833 51.5798 59.7687 50.2378 59.7687H15.3172C14.3961 59.7687 13.5894 59.146 13.3486 58.2495L7.28945 35.6449C6.93942 34.3382 7.91542 33.0527 9.25805 33.0527Z" fill="#EAF4FF" stroke="url(#paint1_linear_19708_16792)" stroke-width="0.261723"/>
                                <path d="M23.0641 24.6016C23.0641 25.2009 22.5779 25.6872 21.9785 25.6872C21.3792 25.6872 20.8936 25.2009 20.8936 24.6016C20.8936 24.0029 21.3792 23.5166 21.9785 23.5166C22.5779 23.5166 23.0641 24.0029 23.0641 24.6016Z" fill="#EC5353"/>
                                <path d="M26.6813 24.6016C26.6813 25.2009 26.1957 25.6872 25.5964 25.6872C24.997 25.6872 24.5107 25.2009 24.5107 24.6016C24.5107 24.0029 24.997 23.5166 25.5964 23.5166C26.1957 23.5166 26.6813 24.0029 26.6813 24.6016Z" fill="#F2DD1D"/>
                                <path d="M30.2979 24.6016C30.2979 25.2009 29.8123 25.6872 29.2129 25.6872C28.6135 25.6872 28.1279 25.2009 28.1279 24.6016C28.1279 24.0029 28.6135 23.5166 29.2129 23.5166C29.8123 23.5166 30.2979 24.0029 30.2979 24.6016Z" fill="#38DF5D"/>
                                <path d="M22.842 42.0844C22.7686 41.6435 23.1091 41.2422 23.5558 41.2422H27.1532C27.5072 41.2422 27.8088 41.4978 27.8669 41.8467L28.3493 44.7406C28.4228 45.1815 28.0829 45.5827 27.6356 45.5827H24.0382C23.6842 45.5827 23.3826 45.3271 23.3245 44.9783L22.842 42.0844Z" fill="white"/>
                                <path d="M23.927 47.8721C23.8535 47.4306 24.1935 47.0293 24.6407 47.0293H28.2382C28.5915 47.0293 28.8938 47.2849 28.9513 47.6338L29.4337 50.5277C29.5072 50.9686 29.1672 51.3705 28.7199 51.3705H25.1225C24.7692 51.3705 24.4669 51.1149 24.4094 50.766L23.927 47.8721Z" fill="white"/>
                                <path d="M30.0774 42.0844C30.0039 41.6435 30.3439 41.2422 30.7911 41.2422H34.3886C34.7419 41.2422 35.0441 41.4978 35.1023 41.8467L35.5847 44.7406C35.6576 45.1815 35.3176 45.5827 34.871 45.5827H31.2736C30.9196 45.5827 30.618 45.3271 30.5598 44.9783L30.0774 42.0844Z" fill="#2D8CF0"/>
                                <path d="M31.1614 47.8721C31.0879 47.4306 31.4278 47.0293 31.8751 47.0293H35.4725C35.8265 47.0293 36.1281 47.2849 36.1863 47.6338L36.6687 50.5277C36.7422 50.9686 36.4022 51.3705 35.955 51.3705H32.3575C32.0036 51.3705 31.702 51.1149 31.6438 50.766L31.1614 47.8721Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M58.0816 11.6738C58.0816 11.6738 58.5384 12.6783 58.7953 13.5562C59.1518 14.7741 58.8668 16.1588 58.8042 16.1722C58.4624 16.247 57.302 14.6144 57.3205 13.6566C57.3365 12.7952 58.0816 11.6738 58.0816 11.6738Z" fill="#FFB883"/>
                                <g filter="url(#filter0_d_19708_16792)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8525 14.9293C41.8525 14.9293 48.6327 13.3217 50.9943 7.94727C51.9886 8.16771 53.7381 9.04055 57.9911 11.583C58.5853 11.9377 57.3278 13.6469 57.3278 13.6469C57.3278 13.6469 59.308 15.3772 58.8211 16.0686C56.0096 20.0654 53.7617 21.5171 51.1745 21.6117C47.1618 20.629 41.8525 14.9293 41.8525 14.9293Z" fill="#FFE089"/>
                                </g>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9371 25.9082C29.2323 28.5369 28.1377 31.9625 26.3115 34.7241C28.7026 35.2065 32.9006 35.6136 36.1996 35.6308C36.3562 35.6315 36.7894 35.4385 36.9364 35.4206C37.8271 35.3094 38.1172 34.5503 38.383 34.2672C39.2839 32.4679 40.282 31.0628 40.3485 28.9056C40.383 27.7996 40.3146 26.8871 40.2105 26.5184C38.8309 25.8488 36.2712 26.6622 27.9371 25.9082Z" fill="#A8E5FF"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M36.9378 33.5372C37.5442 34.072 37.0893 35.6088 35.9551 35.6413C37.1595 35.5947 37.7857 35.1231 38.2298 34.6592C38.6745 34.196 40.7627 32.0427 40.2042 26.5283C40.4841 31.2005 39.4554 33.5417 36.9378 33.5372Z" fill="#7CC3E1"/>
                                <defs>
                                    <filter id="filter0_d_19708_16792" x="41.8525" y="7.94727" width="17.0459" height="25.9633" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                    <feOffset dy="12.2992"/>
                                    <feColorMatrix type="matrix" values="0 0 0 0 0.173316 0 0 0 0 0.377447 0 0 0 0 0.620833 0 0 0 0.272192 0"/>
                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19708_16792"/>
                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19708_16792" result="shape"/>
                                    </filter>
                                    <linearGradient id="paint0_linear_19708_16792" x1="32.7145" y1="30.4918" x2="48.1562" y2="63.2072" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_19708_16792" x1="22.6331" y1="32.9764" x2="19.7081" y2="58.6901" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                </defs>
                            </svg>
                            <p style="font-size: 12px;color: #ACB2BB;margin-top: 5px;">没有相关内容</p>
                        </div>
                    </div>
                </template>
                 
                <div class="selected_tag group_common group_common_3">
                    <div class="group_title" style="margin: 8px 8px 0 8px;background: #fff;border-radius: 8px;padding: 8px;">
                        <div class="flexbox flexcenter flexbetween" style="width: 100%;padding-bottom: 8px;border-bottom: 1px solid #F8F8F9;margin-bottom: 8px;">
                            <div>已选<span style="color:#165DFF;padding:0 2px">{{ active_tag.length }}</span>项</div>
                            <span style="color:#165DFF;cursor:pointer" @click="active_tag = [],queryInfo.mater_tag.tag = [],getList(),checkAll = false;">清除全部</span>
                        </div>
                        <div class="flexbox flexcenter flexbetween" style="width: 100%;">
                            <div>筛选方式</div>
                            <div style="background:#F8F8F9;padding: 2px;height: 25px;border-radius: 6px;" class="flexbox flexcenter">
                                <div class="tag_type" :class="{active_tag_type:queryInfo.mater_tag.tag_type== 2}" @click="queryInfo.mater_tag.tag_type = 2,getList()">交集</div>
                                <div class="tag_type" :class="{active_tag_type:queryInfo.mater_tag.tag_type== 1}" @click="queryInfo.mater_tag.tag_type = 1,getList()">并集</div>
                            </div>
                        </div>
                    </div>
                     <div class="group_body" v-if="active_tag.length > 0">
                        <div v-for="item in active_tag" class="group_item flexbox flexcenter flexbetween" >
                            {{item.name}}
                            <svg @click="delTag(item)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.9995 7.05684L10.8282 4.22817C11.0885 3.96786 11.5105 3.96786 11.7708 4.22817C12.0311 4.48848 12.0311 4.91053 11.7708 5.17084L8.94217 7.9995L11.7708 10.8282C12.0311 11.0885 12.0311 11.5105 11.7708 11.7708C11.5105 12.0311 11.0885 12.0311 10.8282 11.7708L7.9995 8.94217L5.17084 11.7708C4.91053 12.0311 4.48848 12.0311 4.22817 11.7708C3.96786 11.5105 3.96786 11.0885 4.22817 10.8282L7.05684 7.9995L4.22817 5.17084C3.96786 4.91053 3.96786 4.48848 4.22817 4.22817C4.48848 3.96786 4.91053 3.96786 5.17084 4.22817L7.9995 7.05684Z" fill="#ACB2BB"/></svg>
                        </div>
                     </div>
                     <div v-else class="flexbox flexcenter" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);flex-direction: column;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="67" height="70" viewBox="0 0 67 70" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4316C20.0559 22.4316 19.084 23.4029 19.084 24.6016V28.2188H19.114C19.0942 28.337 19.084 28.4578 19.084 28.5811V57.5202C19.084 58.7189 20.0559 59.6908 21.2546 59.6908H50.2531C51.2742 59.6908 52.1572 58.979 52.3745 57.9815L58.6652 29.0418C58.9597 27.6891 57.9291 26.4105 56.5444 26.4105H40.427C39.4282 26.4105 38.618 25.6009 38.618 24.6016C38.618 23.4029 37.6461 22.4316 36.4474 22.4316H21.2546Z" fill="#4E9BEC"/>
                                <path d="M50.1935 28.4893H15.4666C14.1957 28.4893 13.165 29.5199 13.165 30.7908V57.5216C13.165 58.7925 14.1957 59.8226 15.4666 59.8226H50.1935C51.4644 59.8226 52.4951 58.7925 52.4951 57.5216V30.7908C52.4951 29.5199 51.4644 28.4893 50.1935 28.4893Z" fill="#DBEDFF" stroke="url(#paint0_linear_19708_16792)" stroke-width="0.261723"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4326C20.0559 22.4326 19.084 23.4045 19.084 24.6032V28.2204H19.114C19.0942 28.3386 19.084 28.4594 19.084 28.5827V57.5218C19.084 58.7205 20.0559 59.6924 21.2546 59.6924H50.2531C51.2742 59.6924 52.1572 58.9806 52.3745 57.9825L58.6652 29.0434C58.9597 27.6907 57.9291 26.4121 56.5444 26.4121H40.427C39.4282 26.4121 38.618 25.6026 38.618 24.6032C38.618 23.4045 37.6461 22.4326 36.4474 22.4326H21.2546Z" fill="#7BBBFF"/>
                                <path d="M9.25805 33.0527H44.1781C45.0991 33.0527 45.9059 33.6755 46.1467 34.5719L52.2058 57.1766C52.5565 58.4833 51.5798 59.7687 50.2378 59.7687H15.3172C14.3961 59.7687 13.5894 59.146 13.3486 58.2495L7.28945 35.6449C6.93942 34.3382 7.91542 33.0527 9.25805 33.0527Z" fill="#EAF4FF" stroke="url(#paint1_linear_19708_16792)" stroke-width="0.261723"/>
                                <path d="M23.0641 24.6016C23.0641 25.2009 22.5779 25.6872 21.9785 25.6872C21.3792 25.6872 20.8936 25.2009 20.8936 24.6016C20.8936 24.0029 21.3792 23.5166 21.9785 23.5166C22.5779 23.5166 23.0641 24.0029 23.0641 24.6016Z" fill="#EC5353"/>
                                <path d="M26.6813 24.6016C26.6813 25.2009 26.1957 25.6872 25.5964 25.6872C24.997 25.6872 24.5107 25.2009 24.5107 24.6016C24.5107 24.0029 24.997 23.5166 25.5964 23.5166C26.1957 23.5166 26.6813 24.0029 26.6813 24.6016Z" fill="#F2DD1D"/>
                                <path d="M30.2979 24.6016C30.2979 25.2009 29.8123 25.6872 29.2129 25.6872C28.6135 25.6872 28.1279 25.2009 28.1279 24.6016C28.1279 24.0029 28.6135 23.5166 29.2129 23.5166C29.8123 23.5166 30.2979 24.0029 30.2979 24.6016Z" fill="#38DF5D"/>
                                <path d="M22.842 42.0844C22.7686 41.6435 23.1091 41.2422 23.5558 41.2422H27.1532C27.5072 41.2422 27.8088 41.4978 27.8669 41.8467L28.3493 44.7406C28.4228 45.1815 28.0829 45.5827 27.6356 45.5827H24.0382C23.6842 45.5827 23.3826 45.3271 23.3245 44.9783L22.842 42.0844Z" fill="white"/>
                                <path d="M23.927 47.8721C23.8535 47.4306 24.1935 47.0293 24.6407 47.0293H28.2382C28.5915 47.0293 28.8938 47.2849 28.9513 47.6338L29.4337 50.5277C29.5072 50.9686 29.1672 51.3705 28.7199 51.3705H25.1225C24.7692 51.3705 24.4669 51.1149 24.4094 50.766L23.927 47.8721Z" fill="white"/>
                                <path d="M30.0774 42.0844C30.0039 41.6435 30.3439 41.2422 30.7911 41.2422H34.3886C34.7419 41.2422 35.0441 41.4978 35.1023 41.8467L35.5847 44.7406C35.6576 45.1815 35.3176 45.5827 34.871 45.5827H31.2736C30.9196 45.5827 30.618 45.3271 30.5598 44.9783L30.0774 42.0844Z" fill="#2D8CF0"/>
                                <path d="M31.1614 47.8721C31.0879 47.4306 31.4278 47.0293 31.8751 47.0293H35.4725C35.8265 47.0293 36.1281 47.2849 36.1863 47.6338L36.6687 50.5277C36.7422 50.9686 36.4022 51.3705 35.955 51.3705H32.3575C32.0036 51.3705 31.702 51.1149 31.6438 50.766L31.1614 47.8721Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M58.0816 11.6738C58.0816 11.6738 58.5384 12.6783 58.7953 13.5562C59.1518 14.7741 58.8668 16.1588 58.8042 16.1722C58.4624 16.247 57.302 14.6144 57.3205 13.6566C57.3365 12.7952 58.0816 11.6738 58.0816 11.6738Z" fill="#FFB883"/>
                                <g filter="url(#filter0_d_19708_16792)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8525 14.9293C41.8525 14.9293 48.6327 13.3217 50.9943 7.94727C51.9886 8.16771 53.7381 9.04055 57.9911 11.583C58.5853 11.9377 57.3278 13.6469 57.3278 13.6469C57.3278 13.6469 59.308 15.3772 58.8211 16.0686C56.0096 20.0654 53.7617 21.5171 51.1745 21.6117C47.1618 20.629 41.8525 14.9293 41.8525 14.9293Z" fill="#FFE089"/>
                                </g>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9371 25.9082C29.2323 28.5369 28.1377 31.9625 26.3115 34.7241C28.7026 35.2065 32.9006 35.6136 36.1996 35.6308C36.3562 35.6315 36.7894 35.4385 36.9364 35.4206C37.8271 35.3094 38.1172 34.5503 38.383 34.2672C39.2839 32.4679 40.282 31.0628 40.3485 28.9056C40.383 27.7996 40.3146 26.8871 40.2105 26.5184C38.8309 25.8488 36.2712 26.6622 27.9371 25.9082Z" fill="#A8E5FF"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M36.9378 33.5372C37.5442 34.072 37.0893 35.6088 35.9551 35.6413C37.1595 35.5947 37.7857 35.1231 38.2298 34.6592C38.6745 34.196 40.7627 32.0427 40.2042 26.5283C40.4841 31.2005 39.4554 33.5417 36.9378 33.5372Z" fill="#7CC3E1"/>
                                <defs>
                                    <filter id="filter0_d_19708_16792" x="41.8525" y="7.94727" width="17.0459" height="25.9633" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                    <feOffset dy="12.2992"/>
                                    <feColorMatrix type="matrix" values="0 0 0 0 0.173316 0 0 0 0 0.377447 0 0 0 0 0.620833 0 0 0 0.272192 0"/>
                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19708_16792"/>
                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19708_16792" result="shape"/>
                                    </filter>
                                    <linearGradient id="paint0_linear_19708_16792" x1="32.7145" y1="30.4918" x2="48.1562" y2="63.2072" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_19708_16792" x1="22.6331" y1="32.9764" x2="19.7081" y2="58.6901" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                </defs>
                            </svg>
                            <p style="font-size: 12px;color: #ACB2BB;margin-top: 5px;">暂未选择标签</p>
                    </div>
                </div>
            </div>
             <div class="flexbox flexcenter drop_box drop_hover"  slot="reference"> 
                <span class="drop_text">素材标签</span>
                <span class="drop_title flexbox flexcenter">{{active_tag.length>0?`已选${active_tag.length}项`:'全部'}}</span>
                <span class="el-icon-caret-bottom"></span>
            </div>
        </el-popover>
        <el-popover
            v-if="queryInfo.product_id"
            placement="bottom"
            width="528"
            trigger="click"
            popper-class="tagpopper">
            <div class="">
               <el-input v-model="tagQuery_pr" clearable placeholder="请输入关键字查询" prefix-icon="el-icon-search" class="dropdown_input" @input="searchData_pr"></el-input>
            </div>
            <div class="flexbox group_box">
                <template v-if="!tagQuery_pr">
                    <div class="grouping group_common">
                        <div class="group_title">分组</div>
                        <div class="group_body" v-if="product_tag_list.length > 0">
                            <div v-for="item in product_tag_list" :class="{'active':active_pr == item.id}" class="group_item flexbox flexcenter flexbetween" @click="selectGroup_pr(item)">
                                {{ item.name }} 
                                <svg xmlns="http://www.w3.org/2000/svg" width="8" height="20" viewBox="0 0 8 20" fill="none"><path d="M3.64634 10.3533C3.84168 10.158 3.84168 9.84136 3.64634 9.64608L1.99613 7.99646C1.80086 7.80126 1.80078 7.48472 1.99594 7.28942L2.46736 6.81767C2.6626 6.62229 2.97928 6.62223 3.17459 6.81755L6.00319 9.64615C6.19845 9.84141 6.19845 10.158 6.00319 10.3533L3.17459 13.1819C2.97928 13.3772 2.6626 13.3771 2.46736 13.1817L1.99594 12.71C1.80078 12.5147 1.80086 12.1981 1.99613 12.0029L3.64634 10.3533Z" fill="#5C636C"/></svg>
                            </div>
                        </div>
                        <div v-else class="flexbox flexcenter" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);flex-direction: column;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="67" height="70" viewBox="0 0 67 70" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4316C20.0559 22.4316 19.084 23.4029 19.084 24.6016V28.2188H19.114C19.0942 28.337 19.084 28.4578 19.084 28.5811V57.5202C19.084 58.7189 20.0559 59.6908 21.2546 59.6908H50.2531C51.2742 59.6908 52.1572 58.979 52.3745 57.9815L58.6652 29.0418C58.9597 27.6891 57.9291 26.4105 56.5444 26.4105H40.427C39.4282 26.4105 38.618 25.6009 38.618 24.6016C38.618 23.4029 37.6461 22.4316 36.4474 22.4316H21.2546Z" fill="#4E9BEC"/>
                                <path d="M50.1935 28.4893H15.4666C14.1957 28.4893 13.165 29.5199 13.165 30.7908V57.5216C13.165 58.7925 14.1957 59.8226 15.4666 59.8226H50.1935C51.4644 59.8226 52.4951 58.7925 52.4951 57.5216V30.7908C52.4951 29.5199 51.4644 28.4893 50.1935 28.4893Z" fill="#DBEDFF" stroke="url(#paint0_linear_19708_16792)" stroke-width="0.261723"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4326C20.0559 22.4326 19.084 23.4045 19.084 24.6032V28.2204H19.114C19.0942 28.3386 19.084 28.4594 19.084 28.5827V57.5218C19.084 58.7205 20.0559 59.6924 21.2546 59.6924H50.2531C51.2742 59.6924 52.1572 58.9806 52.3745 57.9825L58.6652 29.0434C58.9597 27.6907 57.9291 26.4121 56.5444 26.4121H40.427C39.4282 26.4121 38.618 25.6026 38.618 24.6032C38.618 23.4045 37.6461 22.4326 36.4474 22.4326H21.2546Z" fill="#7BBBFF"/>
                                <path d="M9.25805 33.0527H44.1781C45.0991 33.0527 45.9059 33.6755 46.1467 34.5719L52.2058 57.1766C52.5565 58.4833 51.5798 59.7687 50.2378 59.7687H15.3172C14.3961 59.7687 13.5894 59.146 13.3486 58.2495L7.28945 35.6449C6.93942 34.3382 7.91542 33.0527 9.25805 33.0527Z" fill="#EAF4FF" stroke="url(#paint1_linear_19708_16792)" stroke-width="0.261723"/>
                                <path d="M23.0641 24.6016C23.0641 25.2009 22.5779 25.6872 21.9785 25.6872C21.3792 25.6872 20.8936 25.2009 20.8936 24.6016C20.8936 24.0029 21.3792 23.5166 21.9785 23.5166C22.5779 23.5166 23.0641 24.0029 23.0641 24.6016Z" fill="#EC5353"/>
                                <path d="M26.6813 24.6016C26.6813 25.2009 26.1957 25.6872 25.5964 25.6872C24.997 25.6872 24.5107 25.2009 24.5107 24.6016C24.5107 24.0029 24.997 23.5166 25.5964 23.5166C26.1957 23.5166 26.6813 24.0029 26.6813 24.6016Z" fill="#F2DD1D"/>
                                <path d="M30.2979 24.6016C30.2979 25.2009 29.8123 25.6872 29.2129 25.6872C28.6135 25.6872 28.1279 25.2009 28.1279 24.6016C28.1279 24.0029 28.6135 23.5166 29.2129 23.5166C29.8123 23.5166 30.2979 24.0029 30.2979 24.6016Z" fill="#38DF5D"/>
                                <path d="M22.842 42.0844C22.7686 41.6435 23.1091 41.2422 23.5558 41.2422H27.1532C27.5072 41.2422 27.8088 41.4978 27.8669 41.8467L28.3493 44.7406C28.4228 45.1815 28.0829 45.5827 27.6356 45.5827H24.0382C23.6842 45.5827 23.3826 45.3271 23.3245 44.9783L22.842 42.0844Z" fill="white"/>
                                <path d="M23.927 47.8721C23.8535 47.4306 24.1935 47.0293 24.6407 47.0293H28.2382C28.5915 47.0293 28.8938 47.2849 28.9513 47.6338L29.4337 50.5277C29.5072 50.9686 29.1672 51.3705 28.7199 51.3705H25.1225C24.7692 51.3705 24.4669 51.1149 24.4094 50.766L23.927 47.8721Z" fill="white"/>
                                <path d="M30.0774 42.0844C30.0039 41.6435 30.3439 41.2422 30.7911 41.2422H34.3886C34.7419 41.2422 35.0441 41.4978 35.1023 41.8467L35.5847 44.7406C35.6576 45.1815 35.3176 45.5827 34.871 45.5827H31.2736C30.9196 45.5827 30.618 45.3271 30.5598 44.9783L30.0774 42.0844Z" fill="#2D8CF0"/>
                                <path d="M31.1614 47.8721C31.0879 47.4306 31.4278 47.0293 31.8751 47.0293H35.4725C35.8265 47.0293 36.1281 47.2849 36.1863 47.6338L36.6687 50.5277C36.7422 50.9686 36.4022 51.3705 35.955 51.3705H32.3575C32.0036 51.3705 31.702 51.1149 31.6438 50.766L31.1614 47.8721Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M58.0816 11.6738C58.0816 11.6738 58.5384 12.6783 58.7953 13.5562C59.1518 14.7741 58.8668 16.1588 58.8042 16.1722C58.4624 16.247 57.302 14.6144 57.3205 13.6566C57.3365 12.7952 58.0816 11.6738 58.0816 11.6738Z" fill="#FFB883"/>
                                <g filter="url(#filter0_d_19708_16792)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8525 14.9293C41.8525 14.9293 48.6327 13.3217 50.9943 7.94727C51.9886 8.16771 53.7381 9.04055 57.9911 11.583C58.5853 11.9377 57.3278 13.6469 57.3278 13.6469C57.3278 13.6469 59.308 15.3772 58.8211 16.0686C56.0096 20.0654 53.7617 21.5171 51.1745 21.6117C47.1618 20.629 41.8525 14.9293 41.8525 14.9293Z" fill="#FFE089"/>
                                </g>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9371 25.9082C29.2323 28.5369 28.1377 31.9625 26.3115 34.7241C28.7026 35.2065 32.9006 35.6136 36.1996 35.6308C36.3562 35.6315 36.7894 35.4385 36.9364 35.4206C37.8271 35.3094 38.1172 34.5503 38.383 34.2672C39.2839 32.4679 40.282 31.0628 40.3485 28.9056C40.383 27.7996 40.3146 26.8871 40.2105 26.5184C38.8309 25.8488 36.2712 26.6622 27.9371 25.9082Z" fill="#A8E5FF"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M36.9378 33.5372C37.5442 34.072 37.0893 35.6088 35.9551 35.6413C37.1595 35.5947 37.7857 35.1231 38.2298 34.6592C38.6745 34.196 40.7627 32.0427 40.2042 26.5283C40.4841 31.2005 39.4554 33.5417 36.9378 33.5372Z" fill="#7CC3E1"/>
                                <defs>
                                    <filter id="filter0_d_19708_16792" x="41.8525" y="7.94727" width="17.0459" height="25.9633" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                    <feOffset dy="12.2992"/>
                                    <feColorMatrix type="matrix" values="0 0 0 0 0.173316 0 0 0 0 0.377447 0 0 0 0 0.620833 0 0 0 0.272192 0"/>
                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19708_16792"/>
                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19708_16792" result="shape"/>
                                    </filter>
                                    <linearGradient id="paint0_linear_19708_16792" x1="32.7145" y1="30.4918" x2="48.1562" y2="63.2072" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_19708_16792" x1="22.6331" y1="32.9764" x2="19.7081" y2="58.6901" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                </defs>
                            </svg>
                            <p style="font-size: 12px;color: #ACB2BB;margin-top: 5px;">暂无分组</p>
                        </div>
                    </div>
                    <div class="grouping_tag group_common">
                        <div class="group_title flexbox flexcenter flexbetween">
                            <span>标签</span> 
                            <el-checkbox :indeterminate="isIndeterminate_pr(nextTag_pr)" v-model="checkAll_pr" @change="handleCheckAllChange_pr" :disabled="nextTag_pr.length == 0"></el-checkbox></div>
                        <div class="group_body" v-if="nextTag_pr.length > 0">
                        <div v-for="item in nextTag_pr" class="group_item flexbox flexcenter flexbetween" @click="selectTag_pr(item)">
                            {{ item.name }}
                            <svg v-if="active_tag_pr.map(e=>e.id).includes(item.id)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6.40805 9.85655C6.55078 9.99928 6.7822 9.99928 6.92493 9.85653L12.3232 4.4577C12.5835 4.19735 13.0056 4.19726 13.266 4.45751C13.5266 4.71788 13.5266 5.14019 13.2662 5.40065L7.0453 11.6215C6.83609 11.8307 6.4969 11.8307 6.28769 11.6215L2.89516 8.229C2.63485 7.96869 2.63485 7.54664 2.89516 7.28633C3.15547 7.02602 3.57752 7.02602 3.83783 7.28633L6.40805 9.85655Z" fill="#165DFF"/></svg>
                        </div>
                        </div>
                        <div v-else class="flexbox flexcenter" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);flex-direction: column;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="67" height="70" viewBox="0 0 67 70" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4316C20.0559 22.4316 19.084 23.4029 19.084 24.6016V28.2188H19.114C19.0942 28.337 19.084 28.4578 19.084 28.5811V57.5202C19.084 58.7189 20.0559 59.6908 21.2546 59.6908H50.2531C51.2742 59.6908 52.1572 58.979 52.3745 57.9815L58.6652 29.0418C58.9597 27.6891 57.9291 26.4105 56.5444 26.4105H40.427C39.4282 26.4105 38.618 25.6009 38.618 24.6016C38.618 23.4029 37.6461 22.4316 36.4474 22.4316H21.2546Z" fill="#4E9BEC"/>
                                <path d="M50.1935 28.4893H15.4666C14.1957 28.4893 13.165 29.5199 13.165 30.7908V57.5216C13.165 58.7925 14.1957 59.8226 15.4666 59.8226H50.1935C51.4644 59.8226 52.4951 58.7925 52.4951 57.5216V30.7908C52.4951 29.5199 51.4644 28.4893 50.1935 28.4893Z" fill="#DBEDFF" stroke="url(#paint0_linear_19708_16792)" stroke-width="0.261723"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4326C20.0559 22.4326 19.084 23.4045 19.084 24.6032V28.2204H19.114C19.0942 28.3386 19.084 28.4594 19.084 28.5827V57.5218C19.084 58.7205 20.0559 59.6924 21.2546 59.6924H50.2531C51.2742 59.6924 52.1572 58.9806 52.3745 57.9825L58.6652 29.0434C58.9597 27.6907 57.9291 26.4121 56.5444 26.4121H40.427C39.4282 26.4121 38.618 25.6026 38.618 24.6032C38.618 23.4045 37.6461 22.4326 36.4474 22.4326H21.2546Z" fill="#7BBBFF"/>
                                <path d="M9.25805 33.0527H44.1781C45.0991 33.0527 45.9059 33.6755 46.1467 34.5719L52.2058 57.1766C52.5565 58.4833 51.5798 59.7687 50.2378 59.7687H15.3172C14.3961 59.7687 13.5894 59.146 13.3486 58.2495L7.28945 35.6449C6.93942 34.3382 7.91542 33.0527 9.25805 33.0527Z" fill="#EAF4FF" stroke="url(#paint1_linear_19708_16792)" stroke-width="0.261723"/>
                                <path d="M23.0641 24.6016C23.0641 25.2009 22.5779 25.6872 21.9785 25.6872C21.3792 25.6872 20.8936 25.2009 20.8936 24.6016C20.8936 24.0029 21.3792 23.5166 21.9785 23.5166C22.5779 23.5166 23.0641 24.0029 23.0641 24.6016Z" fill="#EC5353"/>
                                <path d="M26.6813 24.6016C26.6813 25.2009 26.1957 25.6872 25.5964 25.6872C24.997 25.6872 24.5107 25.2009 24.5107 24.6016C24.5107 24.0029 24.997 23.5166 25.5964 23.5166C26.1957 23.5166 26.6813 24.0029 26.6813 24.6016Z" fill="#F2DD1D"/>
                                <path d="M30.2979 24.6016C30.2979 25.2009 29.8123 25.6872 29.2129 25.6872C28.6135 25.6872 28.1279 25.2009 28.1279 24.6016C28.1279 24.0029 28.6135 23.5166 29.2129 23.5166C29.8123 23.5166 30.2979 24.0029 30.2979 24.6016Z" fill="#38DF5D"/>
                                <path d="M22.842 42.0844C22.7686 41.6435 23.1091 41.2422 23.5558 41.2422H27.1532C27.5072 41.2422 27.8088 41.4978 27.8669 41.8467L28.3493 44.7406C28.4228 45.1815 28.0829 45.5827 27.6356 45.5827H24.0382C23.6842 45.5827 23.3826 45.3271 23.3245 44.9783L22.842 42.0844Z" fill="white"/>
                                <path d="M23.927 47.8721C23.8535 47.4306 24.1935 47.0293 24.6407 47.0293H28.2382C28.5915 47.0293 28.8938 47.2849 28.9513 47.6338L29.4337 50.5277C29.5072 50.9686 29.1672 51.3705 28.7199 51.3705H25.1225C24.7692 51.3705 24.4669 51.1149 24.4094 50.766L23.927 47.8721Z" fill="white"/>
                                <path d="M30.0774 42.0844C30.0039 41.6435 30.3439 41.2422 30.7911 41.2422H34.3886C34.7419 41.2422 35.0441 41.4978 35.1023 41.8467L35.5847 44.7406C35.6576 45.1815 35.3176 45.5827 34.871 45.5827H31.2736C30.9196 45.5827 30.618 45.3271 30.5598 44.9783L30.0774 42.0844Z" fill="#2D8CF0"/>
                                <path d="M31.1614 47.8721C31.0879 47.4306 31.4278 47.0293 31.8751 47.0293H35.4725C35.8265 47.0293 36.1281 47.2849 36.1863 47.6338L36.6687 50.5277C36.7422 50.9686 36.4022 51.3705 35.955 51.3705H32.3575C32.0036 51.3705 31.702 51.1149 31.6438 50.766L31.1614 47.8721Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M58.0816 11.6738C58.0816 11.6738 58.5384 12.6783 58.7953 13.5562C59.1518 14.7741 58.8668 16.1588 58.8042 16.1722C58.4624 16.247 57.302 14.6144 57.3205 13.6566C57.3365 12.7952 58.0816 11.6738 58.0816 11.6738Z" fill="#FFB883"/>
                                <g filter="url(#filter0_d_19708_16792)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8525 14.9293C41.8525 14.9293 48.6327 13.3217 50.9943 7.94727C51.9886 8.16771 53.7381 9.04055 57.9911 11.583C58.5853 11.9377 57.3278 13.6469 57.3278 13.6469C57.3278 13.6469 59.308 15.3772 58.8211 16.0686C56.0096 20.0654 53.7617 21.5171 51.1745 21.6117C47.1618 20.629 41.8525 14.9293 41.8525 14.9293Z" fill="#FFE089"/>
                                </g>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9371 25.9082C29.2323 28.5369 28.1377 31.9625 26.3115 34.7241C28.7026 35.2065 32.9006 35.6136 36.1996 35.6308C36.3562 35.6315 36.7894 35.4385 36.9364 35.4206C37.8271 35.3094 38.1172 34.5503 38.383 34.2672C39.2839 32.4679 40.282 31.0628 40.3485 28.9056C40.383 27.7996 40.3146 26.8871 40.2105 26.5184C38.8309 25.8488 36.2712 26.6622 27.9371 25.9082Z" fill="#A8E5FF"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M36.9378 33.5372C37.5442 34.072 37.0893 35.6088 35.9551 35.6413C37.1595 35.5947 37.7857 35.1231 38.2298 34.6592C38.6745 34.196 40.7627 32.0427 40.2042 26.5283C40.4841 31.2005 39.4554 33.5417 36.9378 33.5372Z" fill="#7CC3E1"/>
                                <defs>
                                    <filter id="filter0_d_19708_16792" x="41.8525" y="7.94727" width="17.0459" height="25.9633" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                    <feOffset dy="12.2992"/>
                                    <feColorMatrix type="matrix" values="0 0 0 0 0.173316 0 0 0 0 0.377447 0 0 0 0 0.620833 0 0 0 0.272192 0"/>
                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19708_16792"/>
                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19708_16792" result="shape"/>
                                    </filter>
                                    <linearGradient id="paint0_linear_19708_16792" x1="32.7145" y1="30.4918" x2="48.1562" y2="63.2072" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_19708_16792" x1="22.6331" y1="32.9764" x2="19.7081" y2="58.6901" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                </defs>
                            </svg>
                            <p style="font-size: 12px;color: #ACB2BB;margin-top: 5px;">请选择分组查看</p>
                        </div>
                    </div>
                </template>
                <template v-else>
                    <div class="seach_box">
                        <div  v-if="filteredData_pr.length > 0">
                            <div v-for="item in filteredData_pr" class="highlight_item" @click="selectTag_pr(item)" >
                                <span v-html="highlight_pr(item.fullPath)"></span>
                            </div>
                        </div>
                         <div v-else class="flexbox flexcenter" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);flex-direction: column;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="67" height="70" viewBox="0 0 67 70" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4316C20.0559 22.4316 19.084 23.4029 19.084 24.6016V28.2188H19.114C19.0942 28.337 19.084 28.4578 19.084 28.5811V57.5202C19.084 58.7189 20.0559 59.6908 21.2546 59.6908H50.2531C51.2742 59.6908 52.1572 58.979 52.3745 57.9815L58.6652 29.0418C58.9597 27.6891 57.9291 26.4105 56.5444 26.4105H40.427C39.4282 26.4105 38.618 25.6009 38.618 24.6016C38.618 23.4029 37.6461 22.4316 36.4474 22.4316H21.2546Z" fill="#4E9BEC"/>
                                <path d="M50.1935 28.4893H15.4666C14.1957 28.4893 13.165 29.5199 13.165 30.7908V57.5216C13.165 58.7925 14.1957 59.8226 15.4666 59.8226H50.1935C51.4644 59.8226 52.4951 58.7925 52.4951 57.5216V30.7908C52.4951 29.5199 51.4644 28.4893 50.1935 28.4893Z" fill="#DBEDFF" stroke="url(#paint0_linear_19708_16792)" stroke-width="0.261723"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4326C20.0559 22.4326 19.084 23.4045 19.084 24.6032V28.2204H19.114C19.0942 28.3386 19.084 28.4594 19.084 28.5827V57.5218C19.084 58.7205 20.0559 59.6924 21.2546 59.6924H50.2531C51.2742 59.6924 52.1572 58.9806 52.3745 57.9825L58.6652 29.0434C58.9597 27.6907 57.9291 26.4121 56.5444 26.4121H40.427C39.4282 26.4121 38.618 25.6026 38.618 24.6032C38.618 23.4045 37.6461 22.4326 36.4474 22.4326H21.2546Z" fill="#7BBBFF"/>
                                <path d="M9.25805 33.0527H44.1781C45.0991 33.0527 45.9059 33.6755 46.1467 34.5719L52.2058 57.1766C52.5565 58.4833 51.5798 59.7687 50.2378 59.7687H15.3172C14.3961 59.7687 13.5894 59.146 13.3486 58.2495L7.28945 35.6449C6.93942 34.3382 7.91542 33.0527 9.25805 33.0527Z" fill="#EAF4FF" stroke="url(#paint1_linear_19708_16792)" stroke-width="0.261723"/>
                                <path d="M23.0641 24.6016C23.0641 25.2009 22.5779 25.6872 21.9785 25.6872C21.3792 25.6872 20.8936 25.2009 20.8936 24.6016C20.8936 24.0029 21.3792 23.5166 21.9785 23.5166C22.5779 23.5166 23.0641 24.0029 23.0641 24.6016Z" fill="#EC5353"/>
                                <path d="M26.6813 24.6016C26.6813 25.2009 26.1957 25.6872 25.5964 25.6872C24.997 25.6872 24.5107 25.2009 24.5107 24.6016C24.5107 24.0029 24.997 23.5166 25.5964 23.5166C26.1957 23.5166 26.6813 24.0029 26.6813 24.6016Z" fill="#F2DD1D"/>
                                <path d="M30.2979 24.6016C30.2979 25.2009 29.8123 25.6872 29.2129 25.6872C28.6135 25.6872 28.1279 25.2009 28.1279 24.6016C28.1279 24.0029 28.6135 23.5166 29.2129 23.5166C29.8123 23.5166 30.2979 24.0029 30.2979 24.6016Z" fill="#38DF5D"/>
                                <path d="M22.842 42.0844C22.7686 41.6435 23.1091 41.2422 23.5558 41.2422H27.1532C27.5072 41.2422 27.8088 41.4978 27.8669 41.8467L28.3493 44.7406C28.4228 45.1815 28.0829 45.5827 27.6356 45.5827H24.0382C23.6842 45.5827 23.3826 45.3271 23.3245 44.9783L22.842 42.0844Z" fill="white"/>
                                <path d="M23.927 47.8721C23.8535 47.4306 24.1935 47.0293 24.6407 47.0293H28.2382C28.5915 47.0293 28.8938 47.2849 28.9513 47.6338L29.4337 50.5277C29.5072 50.9686 29.1672 51.3705 28.7199 51.3705H25.1225C24.7692 51.3705 24.4669 51.1149 24.4094 50.766L23.927 47.8721Z" fill="white"/>
                                <path d="M30.0774 42.0844C30.0039 41.6435 30.3439 41.2422 30.7911 41.2422H34.3886C34.7419 41.2422 35.0441 41.4978 35.1023 41.8467L35.5847 44.7406C35.6576 45.1815 35.3176 45.5827 34.871 45.5827H31.2736C30.9196 45.5827 30.618 45.3271 30.5598 44.9783L30.0774 42.0844Z" fill="#2D8CF0"/>
                                <path d="M31.1614 47.8721C31.0879 47.4306 31.4278 47.0293 31.8751 47.0293H35.4725C35.8265 47.0293 36.1281 47.2849 36.1863 47.6338L36.6687 50.5277C36.7422 50.9686 36.4022 51.3705 35.955 51.3705H32.3575C32.0036 51.3705 31.702 51.1149 31.6438 50.766L31.1614 47.8721Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M58.0816 11.6738C58.0816 11.6738 58.5384 12.6783 58.7953 13.5562C59.1518 14.7741 58.8668 16.1588 58.8042 16.1722C58.4624 16.247 57.302 14.6144 57.3205 13.6566C57.3365 12.7952 58.0816 11.6738 58.0816 11.6738Z" fill="#FFB883"/>
                                <g filter="url(#filter0_d_19708_16792)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8525 14.9293C41.8525 14.9293 48.6327 13.3217 50.9943 7.94727C51.9886 8.16771 53.7381 9.04055 57.9911 11.583C58.5853 11.9377 57.3278 13.6469 57.3278 13.6469C57.3278 13.6469 59.308 15.3772 58.8211 16.0686C56.0096 20.0654 53.7617 21.5171 51.1745 21.6117C47.1618 20.629 41.8525 14.9293 41.8525 14.9293Z" fill="#FFE089"/>
                                </g>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9371 25.9082C29.2323 28.5369 28.1377 31.9625 26.3115 34.7241C28.7026 35.2065 32.9006 35.6136 36.1996 35.6308C36.3562 35.6315 36.7894 35.4385 36.9364 35.4206C37.8271 35.3094 38.1172 34.5503 38.383 34.2672C39.2839 32.4679 40.282 31.0628 40.3485 28.9056C40.383 27.7996 40.3146 26.8871 40.2105 26.5184C38.8309 25.8488 36.2712 26.6622 27.9371 25.9082Z" fill="#A8E5FF"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M36.9378 33.5372C37.5442 34.072 37.0893 35.6088 35.9551 35.6413C37.1595 35.5947 37.7857 35.1231 38.2298 34.6592C38.6745 34.196 40.7627 32.0427 40.2042 26.5283C40.4841 31.2005 39.4554 33.5417 36.9378 33.5372Z" fill="#7CC3E1"/>
                                <defs>
                                    <filter id="filter0_d_19708_16792" x="41.8525" y="7.94727" width="17.0459" height="25.9633" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                    <feOffset dy="12.2992"/>
                                    <feColorMatrix type="matrix" values="0 0 0 0 0.173316 0 0 0 0 0.377447 0 0 0 0 0.620833 0 0 0 0.272192 0"/>
                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19708_16792"/>
                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19708_16792" result="shape"/>
                                    </filter>
                                    <linearGradient id="paint0_linear_19708_16792" x1="32.7145" y1="30.4918" x2="48.1562" y2="63.2072" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_19708_16792" x1="22.6331" y1="32.9764" x2="19.7081" y2="58.6901" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                </defs>
                            </svg>
                            <p style="font-size: 12px;color: #ACB2BB;margin-top: 5px;">没有相关内容</p>
                        </div>
                    </div>
                </template>
                 
                <div class="selected_tag group_common group_common_3">
                    <div class="group_title" style="margin: 8px 8px 0 8px;background: #fff;border-radius: 8px;padding: 8px;">
                        <div class="flexbox flexcenter flexbetween" style="width: 100%;padding-bottom: 8px;border-bottom: 1px solid #F8F8F9;margin-bottom: 8px;">
                            <div>已选<span style="color:#165DFF;padding:0 2px">{{ active_tag_pr.length }}</span>项</div>
                            <span style="color:#165DFF;cursor:pointer" @click="active_tag_pr = [],queryInfo.product_tag.tag = [],getList(),checkAll_pr = false;">清除全部</span>
                        </div>
                        <div class="flexbox flexcenter flexbetween" style="width: 100%;">
                            <div>筛选方式</div>
                            <div style="background:#F8F8F9;padding: 2px;height: 25px;border-radius: 6px;" class="flexbox flexcenter">
                                <div class="tag_type" :class="{active_tag_type:queryInfo.product_tag.tag_type== 2}" @click="queryInfo.product_tag.tag_type = 2,getList()">交集</div>
                                <div class="tag_type" :class="{active_tag_type:queryInfo.product_tag.tag_type== 1}" @click="queryInfo.product_tag.tag_type = 1,getList()">并集</div>
                            </div>
                        </div>
                    </div>
                     <div class="group_body" v-if="active_tag_pr.length > 0">
                        <div v-for="item in active_tag_pr" class="group_item flexbox flexcenter flexbetween" >
                            {{item.name}}
                            <svg @click="delTag_pr(item)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.9995 7.05684L10.8282 4.22817C11.0885 3.96786 11.5105 3.96786 11.7708 4.22817C12.0311 4.48848 12.0311 4.91053 11.7708 5.17084L8.94217 7.9995L11.7708 10.8282C12.0311 11.0885 12.0311 11.5105 11.7708 11.7708C11.5105 12.0311 11.0885 12.0311 10.8282 11.7708L7.9995 8.94217L5.17084 11.7708C4.91053 12.0311 4.48848 12.0311 4.22817 11.7708C3.96786 11.5105 3.96786 11.0885 4.22817 10.8282L7.05684 7.9995L4.22817 5.17084C3.96786 4.91053 3.96786 4.48848 4.22817 4.22817C4.48848 3.96786 4.91053 3.96786 5.17084 4.22817L7.9995 7.05684Z" fill="#ACB2BB"/></svg>
                        </div>
                     </div>
                     <div v-else class="flexbox flexcenter" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);flex-direction: column;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="67" height="70" viewBox="0 0 67 70" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4316C20.0559 22.4316 19.084 23.4029 19.084 24.6016V28.2188H19.114C19.0942 28.337 19.084 28.4578 19.084 28.5811V57.5202C19.084 58.7189 20.0559 59.6908 21.2546 59.6908H50.2531C51.2742 59.6908 52.1572 58.979 52.3745 57.9815L58.6652 29.0418C58.9597 27.6891 57.9291 26.4105 56.5444 26.4105H40.427C39.4282 26.4105 38.618 25.6009 38.618 24.6016C38.618 23.4029 37.6461 22.4316 36.4474 22.4316H21.2546Z" fill="#4E9BEC"/>
                                <path d="M50.1935 28.4893H15.4666C14.1957 28.4893 13.165 29.5199 13.165 30.7908V57.5216C13.165 58.7925 14.1957 59.8226 15.4666 59.8226H50.1935C51.4644 59.8226 52.4951 58.7925 52.4951 57.5216V30.7908C52.4951 29.5199 51.4644 28.4893 50.1935 28.4893Z" fill="#DBEDFF" stroke="url(#paint0_linear_19708_16792)" stroke-width="0.261723"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2546 22.4326C20.0559 22.4326 19.084 23.4045 19.084 24.6032V28.2204H19.114C19.0942 28.3386 19.084 28.4594 19.084 28.5827V57.5218C19.084 58.7205 20.0559 59.6924 21.2546 59.6924H50.2531C51.2742 59.6924 52.1572 58.9806 52.3745 57.9825L58.6652 29.0434C58.9597 27.6907 57.9291 26.4121 56.5444 26.4121H40.427C39.4282 26.4121 38.618 25.6026 38.618 24.6032C38.618 23.4045 37.6461 22.4326 36.4474 22.4326H21.2546Z" fill="#7BBBFF"/>
                                <path d="M9.25805 33.0527H44.1781C45.0991 33.0527 45.9059 33.6755 46.1467 34.5719L52.2058 57.1766C52.5565 58.4833 51.5798 59.7687 50.2378 59.7687H15.3172C14.3961 59.7687 13.5894 59.146 13.3486 58.2495L7.28945 35.6449C6.93942 34.3382 7.91542 33.0527 9.25805 33.0527Z" fill="#EAF4FF" stroke="url(#paint1_linear_19708_16792)" stroke-width="0.261723"/>
                                <path d="M23.0641 24.6016C23.0641 25.2009 22.5779 25.6872 21.9785 25.6872C21.3792 25.6872 20.8936 25.2009 20.8936 24.6016C20.8936 24.0029 21.3792 23.5166 21.9785 23.5166C22.5779 23.5166 23.0641 24.0029 23.0641 24.6016Z" fill="#EC5353"/>
                                <path d="M26.6813 24.6016C26.6813 25.2009 26.1957 25.6872 25.5964 25.6872C24.997 25.6872 24.5107 25.2009 24.5107 24.6016C24.5107 24.0029 24.997 23.5166 25.5964 23.5166C26.1957 23.5166 26.6813 24.0029 26.6813 24.6016Z" fill="#F2DD1D"/>
                                <path d="M30.2979 24.6016C30.2979 25.2009 29.8123 25.6872 29.2129 25.6872C28.6135 25.6872 28.1279 25.2009 28.1279 24.6016C28.1279 24.0029 28.6135 23.5166 29.2129 23.5166C29.8123 23.5166 30.2979 24.0029 30.2979 24.6016Z" fill="#38DF5D"/>
                                <path d="M22.842 42.0844C22.7686 41.6435 23.1091 41.2422 23.5558 41.2422H27.1532C27.5072 41.2422 27.8088 41.4978 27.8669 41.8467L28.3493 44.7406C28.4228 45.1815 28.0829 45.5827 27.6356 45.5827H24.0382C23.6842 45.5827 23.3826 45.3271 23.3245 44.9783L22.842 42.0844Z" fill="white"/>
                                <path d="M23.927 47.8721C23.8535 47.4306 24.1935 47.0293 24.6407 47.0293H28.2382C28.5915 47.0293 28.8938 47.2849 28.9513 47.6338L29.4337 50.5277C29.5072 50.9686 29.1672 51.3705 28.7199 51.3705H25.1225C24.7692 51.3705 24.4669 51.1149 24.4094 50.766L23.927 47.8721Z" fill="white"/>
                                <path d="M30.0774 42.0844C30.0039 41.6435 30.3439 41.2422 30.7911 41.2422H34.3886C34.7419 41.2422 35.0441 41.4978 35.1023 41.8467L35.5847 44.7406C35.6576 45.1815 35.3176 45.5827 34.871 45.5827H31.2736C30.9196 45.5827 30.618 45.3271 30.5598 44.9783L30.0774 42.0844Z" fill="#2D8CF0"/>
                                <path d="M31.1614 47.8721C31.0879 47.4306 31.4278 47.0293 31.8751 47.0293H35.4725C35.8265 47.0293 36.1281 47.2849 36.1863 47.6338L36.6687 50.5277C36.7422 50.9686 36.4022 51.3705 35.955 51.3705H32.3575C32.0036 51.3705 31.702 51.1149 31.6438 50.766L31.1614 47.8721Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M58.0816 11.6738C58.0816 11.6738 58.5384 12.6783 58.7953 13.5562C59.1518 14.7741 58.8668 16.1588 58.8042 16.1722C58.4624 16.247 57.302 14.6144 57.3205 13.6566C57.3365 12.7952 58.0816 11.6738 58.0816 11.6738Z" fill="#FFB883"/>
                                <g filter="url(#filter0_d_19708_16792)">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8525 14.9293C41.8525 14.9293 48.6327 13.3217 50.9943 7.94727C51.9886 8.16771 53.7381 9.04055 57.9911 11.583C58.5853 11.9377 57.3278 13.6469 57.3278 13.6469C57.3278 13.6469 59.308 15.3772 58.8211 16.0686C56.0096 20.0654 53.7617 21.5171 51.1745 21.6117C47.1618 20.629 41.8525 14.9293 41.8525 14.9293Z" fill="#FFE089"/>
                                </g>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9371 25.9082C29.2323 28.5369 28.1377 31.9625 26.3115 34.7241C28.7026 35.2065 32.9006 35.6136 36.1996 35.6308C36.3562 35.6315 36.7894 35.4385 36.9364 35.4206C37.8271 35.3094 38.1172 34.5503 38.383 34.2672C39.2839 32.4679 40.282 31.0628 40.3485 28.9056C40.383 27.7996 40.3146 26.8871 40.2105 26.5184C38.8309 25.8488 36.2712 26.6622 27.9371 25.9082Z" fill="#A8E5FF"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M36.9378 33.5372C37.5442 34.072 37.0893 35.6088 35.9551 35.6413C37.1595 35.5947 37.7857 35.1231 38.2298 34.6592C38.6745 34.196 40.7627 32.0427 40.2042 26.5283C40.4841 31.2005 39.4554 33.5417 36.9378 33.5372Z" fill="#7CC3E1"/>
                                <defs>
                                    <filter id="filter0_d_19708_16792" x="41.8525" y="7.94727" width="17.0459" height="25.9633" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                    <feOffset dy="12.2992"/>
                                    <feColorMatrix type="matrix" values="0 0 0 0 0.173316 0 0 0 0 0.377447 0 0 0 0 0.620833 0 0 0 0.272192 0"/>
                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19708_16792"/>
                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19708_16792" result="shape"/>
                                    </filter>
                                    <linearGradient id="paint0_linear_19708_16792" x1="32.7145" y1="30.4918" x2="48.1562" y2="63.2072" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_19708_16792" x1="22.6331" y1="32.9764" x2="19.7081" y2="58.6901" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="white"/>
                                    <stop offset="1" stop-color="white" stop-opacity="0"/>
                                    </linearGradient>
                                </defs>
                            </svg>
                            <p style="font-size: 12px;color: #ACB2BB;margin-top: 5px;">暂未选择标签</p>
                    </div>
                </div>
            </div>
             <div class="flexbox flexcenter drop_box drop_hover"  slot="reference"> 
                <span class="drop_text">产品标签</span>
                <span class="drop_title flexbox flexcenter">{{active_tag_pr.length>0?`已选${active_tag_pr.length}项`:'全部'}}</span>
                <span class="el-icon-caret-bottom"></span>
            </div>
        </el-popover>
        <div class="rank_line"></div>
            <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
            <div class="flexbox flexcenter drop_box drop_hover">
                <span class="drop_text">拍摄</span>
                <span class="drop_title flexbox flexcenter">{{queryInfo.photographer_uid!==''?repeatSinge(roleList,queryInfo.photographer_uid,'id','nickname'):'全部'}}</span>
                <span class="el-icon-caret-bottom"></span>
            </div>
            <el-dropdown-menu slot="dropdown">
                <el-input v-model="phoQuery" clearable placeholder="请输入内容" prefix-icon="el-icon-search" style="width:180px" size="small" class="dropdown_input"></el-input>
                <div class="dropdown_hascheck flexbox flexcenter">
                    <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.photographer_uid!==''}">已选 {{queryInfo.photographer_uid!==''?'1':'0'}}项</span>
                    <div class="rank_line" style="margin:0 10px"></div>
                    <el-link type="primary" :underline="false" @click="clearQuery('photographer_uid',2)" v-if="queryInfo.photographer_uid!==''">清除已选</el-link>
                </div>
                <el-radio-group v-model="queryInfo.photographer_uid" class="check_style" @change="getList">
                    <el-radio :label="item.id" v-for="(item,index) in filterRank(phoQuery,roleList,'nickname')" :key="index">
                        <span class="el_check_title">{{item.nickname}}</span>
                        <span class="el-icon-check el_check_icon"></span>
                    </el-radio>
                </el-radio-group>
            </el-dropdown-menu>
        </el-dropdown>
        <div class="rank_line"></div>
        <el-dropdown :hide-on-click="false" trigger="click" placement='bottom'>
            <div class="flexbox flexcenter drop_box drop_hover">
                <span class="drop_text">使用次数</span>
                <span class="drop_title flexbox flexcenter">{{queryInfo.order=='desc' && queryInfo.field == 'video_id'?'默认': queryInfo.order == 'asc'?'升序':'降序'}}</span>
                <span class="el-icon-caret-bottom"></span>
            </div>
            <el-dropdown-menu slot="dropdown">
                <!-- <el-input v-model="phoQuery" clearable placeholder="请输入内容" prefix-icon="el-icon-search" style="width:180px" size="small" class="dropdown_input"></el-input>
                <div class="dropdown_hascheck flexbox flexcenter">
                    <span class="hascheck_num" :class="{'hascheck_num_color':queryInfo.photographer_uid!==''}">已选 {{queryInfo.photographer_uid!==''?'1':'0'}}项</span>
                    <div class="rank_line" style="margin:0 10px"></div>
                    <el-link type="primary" :underline="false" @click="clearQuery('photographer_uid',2)" v-if="queryInfo.photographer_uid!==''">清除已选</el-link>
                </div> -->
                <el-radio-group v-model="order" class="check_style sort_style" @change="filteDesc">
                    <el-radio label="video_id" >
                        <span class="el_check_title">默认</span>
                        <span class="el-icon-check el_check_icon"></span>
                    </el-radio>
                    <el-radio label="asc" >
                        <span class="el_check_title">升序</span>
                        <span class="el-icon-check el_check_icon"></span>
                    </el-radio>
                    <el-radio label="desc" >
                        <span class="el_check_title">降序</span>
                        <span class="el-icon-check el_check_icon"></span>
                    </el-radio>
                </el-radio-group>
            </el-dropdown-menu>
        </el-dropdown>
         <div class="rank_line"></div>
        <div class="flexbox flexcenter drop_box drop_hover" @click="queryInfo.is_favorite == '2'?queryInfo.is_favorite = 1:queryInfo.is_favorite = 2,getList()">
            <span class="font_14" style="color:#5C636C;margin-right: 4px">我的收藏</span>
            <img src="@/assets/img/like_grey.svg" alt="" v-if="queryInfo.is_favorite == '2'">
            <img src="@/assets/img/like_sec.svg" alt=""  v-else>
        </div>
        <div class="rank_line"></div>
        <div class="flexbox flexcenter date_input">
            <span class="font_14 color_02" style="margin-left:5px">上传日期</span>
            <el-date-picker style="width:216px;margin-left:8px" value-format="yyyy-MM-dd" v-model="queryInfo.date" type="daterange" clearable size="small" @change="getList()" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
            </el-date-picker>
        </div>
        <div class="search_input">
            <el-input placeholder="素材名称、分镜 ID" clearable suffix-icon="el-icon-search" v-model="queryInfo.query" @change="getList"></el-input>
        </div>
        <div class="reset_btn" @click="clearQuery('photographer_uid')">重置</div>
        </div>
</template>

<script>
export default {
    data() {
        return {
            tagQuery: "",
            tagQuery_pr:"",
            phoQuery: "",
            tag_list: [],
            product_tag_list:[],
            filteredData:[],
            filteredData_pr:[],
            active:"",
            active_pr:"",
            active_tag:[],
            active_tag_pr:[],
            nextTag:[],
            nextTag_pr:[],
            tag_text: [],
            roleList:[],
            select_tagList:[],
            captureQuery: '',
            captureList: [],
            selcet_captureList: [],
            checkAll: false,
            checkAll_pr: false,
            order:'video_id'
        }
    },
    props:['queryInfo'],
    created() {
        this.getTagList();
        // this.getproTagList();
        this.getRoleList();
    },
    watch:{
        'queryInfo.product_id':{
            handler(val,oldval){
                    this.getproTagList();
                if(!val.product_id){
                    this.queryInfo.product_tag.tag = [];
                    this.active_tag_pr = [];
                    this.tagQuery_pr = "";
                    this.active_pr = ""
                    this.nextTag_pr = [];
                    this.getList();
                }
            },
            deep:true,
            immediate:true
        }
    },
    methods: {
        filteDesc(val){
            if(val == 'video_id'){
                this.queryInfo.order = 'desc';
                this.queryInfo.field = 'video_id';
            }else{
                 this.queryInfo.order = val;
                 this.queryInfo.field = 'use_num';
            }
            this.getList();
        },
        isIndeterminate(val){
           let half_state = false;//半选状态
           let active = this.active_tag.map(e=>e.id);
           let current = val.map(e => e.id);
            
            if(active.length> 0 && current.length > 0){
                for (let id of active) {
                    if (current.includes(id)) {
                        half_state = true;
                        break; // 如果不需要进一步处理，可以退出循环  
                    }
                }
                let state =  current.every(id => active.includes(id));
                console.log(state,this.active)
                if(state){
                    this.checkAll = true;
                    half_state = false;
                    return half_state;
                }else{
                    this.checkAll = false;
                    return half_state;
                }
            }else{
                return false;
            }
        },
        isIndeterminate_pr(val){
           let half_state = false;//半选状态
           let active = this.active_tag_pr.map(e=>e.id);
           let current = val.map(e => e.id);
            
            if(active.length> 0 && current.length > 0){
                for (let id of active) {
                    if (current.includes(id)) {
                        half_state = true;
                        break; // 如果不需要进一步处理，可以退出循环  
                    }
                }
                let state =  current.every(id => active.includes(id));
                if(state){
                    this.checkAll_pr = true;
                    half_state = false;
                    return half_state;
                }else{
                    this.checkAll_pr = false;
                    return half_state;
                }
            }else{
                return false;
            }
        },
        // 筛选标签——全选按钮
        handleCheckAllChange(val){
            console.log(val,this.nextTag,this.isIndeterminate(this.nextTag))
            let active = this.active_tag.map(e=>e.id);
            let current = this.nextTag.map(e => e.id);
            if(this.isIndeterminate(this.nextTag)){

                this.nextTag.forEach(item=>{
                    if(!active.includes(item.id)){
                        this.active_tag.push(item);
                    }
                })
            }else if(current.every(id => active.includes(id))){
                this.nextTag.forEach(e=>{
                    this.selectTag(e)
                })
                this.checkAll = false;
            }else{

                this.nextTag.forEach(e=>{
                    this.selectTag(e)
                })
            }
        
        },
        handleCheckAllChange_pr(val){
            let active = this.active_tag_pr.map(e=>e.id);
            let current = this.nextTag_pr.map(e => e.id);
            if(this.isIndeterminate(this.nextTag_pr)){

                this.nextTag_pr.forEach(item=>{
                    if(!active.includes(item.id)){
                        this.active_tag_pr.push(item);
                    }
                })
            }else if(current.every(id => active.includes(id))){
                this.nextTag_pr.forEach(e=>{
                    this.selectTag_pr(e)
                })
                this.checkAll_pr = false;
            }else{

                this.nextTag_pr.forEach(e=>{
                    this.selectTag_pr(e)
                })
            }
        
        },
        // handleCheckedCitiesChange(value) {
        //     let checkedCount = value.length;
        //     this.checkAll = checkedCount === this.cities.length;
        // },
    
        searchData(){
            let cpList = JSON.parse(JSON.stringify(this.tag_list))
             if (this.tagQuery.trim() === '') {
                this.filteredData = [];
            } else {
                const query = this.tagQuery.toLowerCase();
                this.filteredData = [];
                cpList.forEach(item => {
                this.filterItem(item, query, []);
                });
            }
        },
         filterItem(item, query,parentNames) {
            const fullPath = [...parentNames, item.name].join('/');
            if (item.name.toLowerCase().includes(query)) {
                this.filteredData.push({ ...item, fullPath });
            }
            if (item.next && item.next.length) {
                item.next.forEach(subItem => {
                this.filterItem(subItem, query, [...parentNames, item.name]);
                });
            }
        },
        searchData_pr(){
            let cpList = JSON.parse(JSON.stringify(this.product_tag_list))
             if (this.tagQuery_pr.trim() === '') {
                this.filteredData_pr = [];
            } else {
                const query = this.tagQuery_pr.toLowerCase();
                this.filteredData_pr = [];
                cpList.forEach(item => {
                this.filterItem_pr(item, query, []);
                });
            }
        },
         filterItem_pr(item, query,parentNames) {
            const fullPath = [...parentNames, item.name].join('/');
            if (item.name.toLowerCase().includes(query)) {
                this.filteredData_pr.push({ ...item, fullPath });
            }
            if (item.next && item.next.length) {
                item.next.forEach(subItem => {
                this.filterItem_pr(subItem, query, [...parentNames, item.name]);
                });
            }
        },
        highlight(text) {
            // if(!text.includes("/")) text + '/';
            if (!this.tagQuery) return text;
            const query = this.tagQuery.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
            const regex = new RegExp(`(${query})`, 'gi');
            return text.replace(regex, '<span class="highlight">$1</span>');
        },
        highlight_pr(text) {
             if (!this.tagQuery_pr) return text;
            const query = this.tagQuery_pr.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
            const regex = new RegExp(`(${query})`, 'gi');
            return text.replace(regex, '<span class="highlight">$1</span>');
        },
        delTag(item){
            this.active_tag.forEach((v,i)=>{
                if(v.id == item.id){
                    this.active_tag.splice(i,1)
                }
            })
            this.queryInfo.mater_tag.tag = this.active_tag.map(e=>e.id)
            this.getList()
        },
        delTag_pr(item){
            this.active_tag_pr.forEach((v,i)=>{
                if(v.id == item.id){
                    this.active_tag_pr.splice(i,1)
                }
            })
            this.queryInfo.product_tag.tag = this.active_tag_pr.map(e=>e.id)
            this.getList()
        },
        selectTag(item){
            if(item.next)return;
            if(this.active_tag.length>0){
                let arr = this.active_tag.map(e=>e.id);
                if(arr.includes(item.id)){
                    this.active_tag.forEach((v,i)=>{
                        if(v.id == item.id){
                            this.active_tag.splice(i,1)
                        }
                    })
                }else{
                    this.active_tag.push(item);
                }
            }else{
               this.active_tag.push(item);
            }
            this.queryInfo.mater_tag.tag = this.active_tag.map(e=>e.id)
            this.getList()
        },
        selectTag_pr(item){
            if(item.next)return;
            if(this.active_tag_pr.length>0){
                let arr = this.active_tag_pr.map(e=>e.id);
                if(arr.includes(item.id)){
                    this.active_tag_pr.forEach((v,i)=>{
                        if(v.id == item.id){
                            this.active_tag_pr.splice(i,1)
                        }
                    })
                }else{
                    this.active_tag_pr.push(item);
                }
            }else{
               this.active_tag_pr.push(item);
            }
            this.queryInfo.product_tag.tag = this.active_tag_pr.map(e=>e.id),
            this.getList()
        },
        selectGroup(item){
            this.checkAll = false;
            this.active = item.id
            item.next.length > 0 ? this.nextTag = item.next : this.nextTag = [];
        },
        selectGroup_pr(item){
            this.checkAll_pr = false;
            this.active_pr = item.id
            item.next.length > 0 ? this.nextTag_pr = item.next : this.nextTag_pr = [];
        },
        //获取员工列表
        async getRoleList() {
            const { data: res } = await this.$http.post(
                "adminapi/company/findDEPList",
                {
                    query: "",
                }
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                this.roleList = res.data;
            }
        },
        //获取标签列表
        async getTagList(query) {
            const { data: res } = await this.$http.post(
                "adminapi/materialfj/tagList",
                {
                    page: 1,
                    limit: 0,
                    query:query?query:undefined,
                    tag_type:1
                }
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                this.tag_list= res.data.list;
            }
        },
        //获取产品标签列表
        async getproTagList(query) {
            const { data: res } = await this.$http.post(
                "adminapi/materialfj/tagList",
                {
                    page: 1,
                    limit: 0,
                    query:query?query:undefined,
                    tag_type:3,
                    product_id:this.queryInfo.product_id
                }
            );
            if (res.code !== 200) {
                this.$message.error(res.msg);
                return;
            } else {
                this.product_tag_list = res.data.list;
            }
        },
        repeatSinge(a, b, id, name) {
            let text = a
                .filter((item) => {
                    return item[id] == b;
                })
                .map((item) => {
                    return item[name];
                })
                .toString();
            return text;
        },
        getList() {
            this.queryInfo.page = 1;
            this.$emit('getList')
        },
        // 清空筛选
        clearQuery(name, type) {
            if(type != 2) {
                this.queryInfo.product_tag.tag = [];
                this.queryInfo.product_tag.tag_type = 2;
                this.queryInfo.mater_tag.tag = [];
                this.queryInfo.mater_tag.tag_type = 2;
                this.queryInfo.date = []; 
                this.active_tag = [];
                this.tagQuery = "";
                this.active = "";
                this.active_tag_pr = [];
                this.tagQuery_pr = "";
                this.active_pr = "";
                // this.clearFilter('tag_text','tag');
                this.queryInfo.is_favorite = 2;
                this.queryInfo.query = "";
                this.queryInfo.order = 'desc';
                this.queryInfo.field = 'video_id';
                this.order = 'video_id';
            }
            this.queryInfo[name] = "";
            this.getList()
        },
        // 清除已选
        // clearFilter(text, id, val) {
        //     this.queryInfo[id] = [];
        //     this[text] = [];
        //     if (val == "duration_val") {
        //         this[val] = "";
        //     } else {
        //         this[val] = [];
        //     }
        //     console.log(this.queryInfo)
        //     this.getList()
        //     // this.getDataList(1);
        // },
        
        // 筛选
        filterRank(query, list, name) {
            var list = list,
                query = query;

            if (!query) {
                return list;
            }
            query = query.trim();

            list = list.filter(function (item) {
                if (item[name].indexOf(query) !== -1) {
                    return item;
                }
            });
            return list;
        },
        // 筛选
        // selectText2(list, id, text, name) {
        //     let has_checked = [];
        //     list.forEach((element) => {
        //         id.forEach((val) => {
        //             if (element.id == val) {
        //                 has_checked.push(element[name]);
        //             }
        //         });
        //     });
        //     this[text] = has_checked;
        //     console.log(this.queryInfo)
        //     this.getList()
        //     // this.getDataList(1);
        // },
    //     filteredData(query, list) {
    //     var list = list,
    //         query = query;
    //     if (!query) {
    //         return list;
    //     }
    //     query = query.trim();

    //     list = list.filter(function (item) {
    //         if (item.name.indexOf(query) !== -1) {
    //             return item;
    //         }
    //     });
        
    //     return list;
    // },
    },
    
}
</script>

<style>

   .tagpopper{
        padding: 0;
    }
    .tagpopper .el-input__inner {
        height: 48px;
        line-height: 48px;
    }
    .tagpopper .el-input__icon{
        line-height: 48px;
    }
    .seach_box{
        position: relative;
        flex-basis: 336px;
        padding: 8px;
    }
    .group_common{
        position: relative;
        overflow: auto;
        flex-basis: 176px;
        height: 433px;
        /* padding: 8px; */
    }
    .group_title{
        position: sticky;
        top: 0;
        padding: 8px 8px 0 20px;
        line-height: 17px;
        font-size: 12px;
        background: #FFF;
        color: #ACB2BB;
    }
    .group_body{
        color: #191B1E;
        font-size: 14px;
        padding: 0 8px 8px;
    }
    .group_common:nth-child(1){
        border-right: 1px solid #F8F8F9;
    }
    .group_common_3{
        background: #F8F8F9;
    }
    .group_common_3 .group_title{
        background: #F8F8F9;
    }
    .group_common_3 .group_item {
        background: #FFF;
        border-radius: 8px;
    }
    .group_item{
        cursor: pointer;
        margin-top: 8px;
        padding: 6px 12px;
    }
    .group_item:hover{
        border-radius: 8px;
        background: #F8F8F9;
    }
    .group_common_3 .group_item:hover{
        background: #FFF;
        border-radius: 8px;
    }
    
        
</style>
<style scoped>
.sort_style /deep/ .el-radio{
    width: 100%;
}
.active_tag_type{
    cursor: pointer;
    background: #fff;
    padding: 2px 6px;
    color: #191B1E;
    border-radius: 6px;
}
.tag_type{
    color: #5C636C;
    cursor: pointer;
    padding: 2px 6px;
}
    .highlight_item{
        line-height: 32px;
        margin-bottom: 8px;
        cursor: pointer;
        color: #191B1E;
    }
    .active{
        border-radius: 8px;
        background: #F5F7FF;
    }
    .highlight{
        color: #F53F3F;
    }
    .reset_btn{
        color: #5C636C;
        line-height: 30px;
        padding: 0px 11px;
        border-radius:  8px;
        border: 1px solid #D7DADE;
    }
    .date_input /deep/ .el-input__inner{
        width: 180px;
        height: 32px;
        line-height: 32px;
    }
    .search_input{
        margin-left: 12px;
    }
    .search_input /deep/ .el-input__inner{
        width: 180px;
        height: 32px;
        line-height: 32px;
    }
    .search_input /deep/  .el-input__icon{
        line-height: 32px;
    }

    .drop_title{
        height: 19px;
    }
</style>